*{margin: 0px;padding: 0px;}

.title
{
   font-family: fantasy;
   font-size: x-large;
   left: 25%;
   top:5%;
   position: absolute; 
}
.image-box
{
  width: 320px;
  height:530px ;
  top:15%;
  left: 15%;
  position: absolute;
  background-color:#CCDDFF;
}
.image-style
{
    width: 280px;
    height:210px;
    margin: 10px;
    background-color: #CCDDFF;
}
.check-box
{
    width: 440px; 
    height: 550px;
    top:13%;
    right: 15%;
    position: absolute;
.list-style
{
  width: 400px;
  height: 30px;
  margin: 10px;
  background-color: #ACD6FF;
}
.item-correct
{
  width: 15px;
  height: 15px;
  float: right;
  margin: 10px;
  text-align: center;
  background-color:#AAFFEE;
  font-size: xx-small;
}
.item-wrong
{
  width: 15px;
  height: 15px;
  float: right;
  margin: 10px;
  text-align: center;
  background-color:#ffcccc;
  font-size: xx-small;
}
.progress
{
  width:400px;
  height:40px;
  margin: 10px;
  text-align: center;
  background-color:#99BBFF;
}
.progress.active{
  background-color:#FFFFBB;
}
.qualification
{
  width:400px;
  height:40px;
  margin: 10px;
  text-align: center;
  background-color:#9898E1;
}
.qualification.active{
  background-color: #AAFFEE;
}
}
.start-button
{
  width: 400px;
  height: 50px;
  margin: 10px;
  margin-top:20px;
  background-color: #ccccff;
}
.check-result
{
  font-size: xx-small;
}